
*{
margin:0; padding:0px;
}
body{
width:100%; height:100%; background:#f2f2f2;
}
#wrap{
width:100%; height:100%; color:#545454; background:#f2f2f2;
}
header{
width:900px; height:135px; margin:0 auto;
}
.logo{
background:url("../images/logo.png") no-repeat; width:194px; height:58px; float:left;
margin:11px 20px 0 7px;
}
.logo a{
display:block; height:58px; width:194px; text-indent:-999px;;
}
header h3{
height:45px; display:block; float:left; line-height:45px; border-left:1px solid #ccc; font-size:24px;
padding-left:15px; margin-top:18px; }
.main{
width:888px; height:400px; border:6px solid #e8e8e8; margin:0 auto;
}
.main-left{
background:url(../images/loginimg.png) no-repeat; width:460px; height:400px; float:left;
}
.main-right{ background-color:#fff; }
.main-right-t{ width:321px; height:54px; border-bottom:1px solid #fbfbfb; float:left; margin-left:55px }
.main-right-t span{ font-size:18px; display:block; float:left; margin-top:19px; width:49%; text-align:center }
.main-right-t span:nth-child(1){ border-right:1px solid #ccc; color:red; }
.main-right-c{ float:left; }
.main-right-c div{ background:url(../images/loginewm.jpg) no-repeat; margin:20px 0 16px 130px; border:1px solid #f1f1f1; width:161px; height:161px; }
.main-right-c a{ color:#999; font-size:12px; margin-left:130px; }
.main-right-c a span{ color:#cc3366 }
.main-right-c a:nth-of-type(2){ margin-left:28px }
.main-right-c p{ background:url(../images/login-img.jpg) no-repeat; width:231px; height:25px; margin:16px 0 0 100px }
.main-right-c1{ display:none; float:left; margin-left:55px; color:#999; font-size:12px }
.main-right-c1 span{ display:block; width:316px; line-height:21px; margin:5px 0; background-color:#ffffcc; border:1px solid #ffcc99; }
#username{ width:265px; height:38px; padding-left:15px; margin:5px 0; }
#userpsd{ width:265px; height:38px; padding-left:15px; margin:5px 0; }
#ckx{ margin:5px 0; }
.main-right-c1 a{ margin-left:170px; color:#999; font-size:12px }
.login{ width:321px; height:43px; border:0; margin:10px 5px 48px 0px; background-color:#ff3333; border-radius:5px; font-style:18px; color:#fff }
.main-right-b{ float:left }
.main-right-b ul{ width:406px; height:49px; padding-left:60px; box-sizing:border-box; margin-left:22px; margin-top:35px; background-color:#fcfcfc; border-top:1px solid #e1e1e1; }
.main-right-b ul li{ float:left; font-size:12px; padding:0 11px; height:12px; margin-top:15px }
.main-right-b ul li b{ display:block; float:left; margin-right:11px }
.main-right-b ul li span{ margin-left:11px; color:#ccc }
.main-right-b ul li:nth-of-type(1) b{ background:url(../images/qqs.jpg) no-repeat; width:18px; height:18px; }
.main-right-b ul li:nth-of-type(2) b{ background:url(../images/wbs.jpg) no-repeat; width:19px; height:16px; }
.main-right-b ul li:nth-of-type(3) b{ background:url(../images/wxs.jpg) no-repeat; width:18px; height:18px; }
.main-right-b ul li:nth-of-type(4) a{ color:#cc3366 }
footer{ width:900px; height:145px; text-align:center; margin:0 auto }
footer p{ font-size:12px; line-height:145px; }